<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/complete-teacher.css" />
    <title>教员注册</title>
</head>

<body>
    <div class="complete-teacher w12">
        <div class="complete-teacher-main">
            <div class="title">教员注册</div>
            <p class="tip">您填写的资料越详细越容易被检索，也就越容易被学员找到，获得更多免费接家教的机会</p>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>选择身份类型</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <select name="" id="" value="0">
                            <option value="0">选择身份</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>用户名</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="用户名">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>密码</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="密码">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>确认密码</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="确认密码">
                    </div>
                </div>
            </div>
        </div>
        <div class="complete-teacher-main">
            <div class="title title-normal">教员信息</div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>真是姓名</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="您的姓名">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>性别</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <label>
                            <input name="sex" type="radio" value="" checked/> 男</label>
                        <label>
                            <input name="sex" type="radio" value="" /> 女</label>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>出生年月</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" class="birthday" placeholder="选择年">
                        <input type="text" class="birthday" placeholder="选择月">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>证件类型</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <select name="" id="" value="0">
                            <option value="0">证件类型:如身份证</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>证件号码</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="证件号码">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>所在城市</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <select name="" id="" value="0">
                            <option value="0">所在城市:如南京</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>目前身份</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <select name="" id="" value="0">
                            <option value="0">目前身份:如大学生</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>目前学历</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <select name="" id="" value="0">
                            <option value="0">目前学历:如本科</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>家教经验</span>
                </div>
                <div class="complete-contain">
                    <div class="complete time">
                        <input class="time-left" type="text" placeholder="累计教龄">
                        <span class="time-right">年</span>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>就读/毕业学校</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="就读/毕业学校">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>最后任职学校</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="最后任职学校">
                    </div>
                    <div class="complete-tip">
                        !仅为专业老师填写，以聘书为准，此项将严格保密，不对外公布
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>教师职称等级</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="教师职称等级">
                    </div>
                    <div class="complete-tip">
                        !仅为专业老师填写
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>可授科目</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="可授科目">
                    </div>
                    <div class="complete-tip">
                        !可填写多个，分号隔开
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>期待薪酬</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input class="bonus-input" type="text" placeholder="最低金额">
                        <span class="bonus-span">元/小时</span>
                        <span class="bonus-link">—</span>
                        <input class="bonus-input" type="text" placeholder="最高金额">
                        <span class="bonus-span">元/小时</span>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>现居地址</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="现居地址">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>授课区域</span>
                </div>
                <div class="complete-contain">
                    <div class="complete area">
                        <label>
                            <input name="Fruit" type="checkbox" value="" /> 玄武区 </label>
                        <label>
                            <input name="Fruit" type="checkbox" value="" /> 秦淮区 </label>
                        <label>
                            <input name="Fruit" type="checkbox" value="" /> 建邺区 </label>
                        <label>
                            <input name="Fruit" type="checkbox" value="" /> 鼓楼区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 雨花台区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 浦口区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 栖霞区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 江宁区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 高淳区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 六合区 </label>
                            <label>
                            <input name="Fruit" type="checkbox" value="" /> 溧水区 </label>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>授课详细地址</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <textarea name="message" placeholder="授课详细地址"></textarea>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>自我介绍</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <textarea name="message" placeholder="自我介绍"></textarea>
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>手机</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="手机号">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>QQ</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="QQ号">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>微信</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="微信号">
                    </div>
                </div>
            </div>
            <div class="complete-item">
                <div class="item-name">
                    <span><i>*</i>电子邮箱</span>
                </div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" placeholder="邮箱地址">
                    </div>
                </div>
            </div>
        </div>
        <div class="promise">
            <input type="checkbox" id="promise" />
            <label for="promise">已阅读并同意<i>《家教网用户协议》</i></label>
        </div>
        <div class="btns">
            <button>取消</button>
            <button>注册</button>
        </div>
    </div>
</body>
<script src='static/js/jquery.js'></script>
<script src="js/common.js" type="text/javascript"></script>
</html>